<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <!--百度图标-->
    <link rel="shortcut icon" href="img/personal/icon/BaiDu-title.png" type="image/x-icon">
    <link rel="stylesheet" href="css/personal.css" type="text/css">
    <!--获取 fontSize-->
    <script type="text/javascript" src="asset/getFontSize.js"></script>
</head>
<body>
<header class="head">
    <!--返回 的 导航栏-->
    <nav class="head-title">
        <!--返回按钮-->
        <a href="index.html">
            <img src="img/personal/icon/return-icon.png" alt="返回" class="head-icon-set">
        </a>
        <!--设置按钮-->
        <a href="set.html">
            <img src="img/personal/icon/set-icon.png" alt="设置" class="head-icon-return">
        </a>
    </nav>
    <!--登入 框-->
    <div class="login-box">
        <img src="img/personal/icon/login-head-icon.png" alt="head-portrait" class="login-head-icon">
        <div class="login-text">未登录</div>
        <!--登入button-->
        <a href="login.html" class="login-button">
            立即登录
        </a>
    </div>
</header>
<div class="mid">
    <!-- 常用 功能-->
    <div class="function">
        <h3 class="function-title">常用功能</h3>
        <!--收藏 奖品 关注 皮肤-->
        <ul class="function-ul">
            <li class="">
                <a href="">
                    <img src="img/personal/icon/collect-icon.png" alt="collect" class="function-img">
                    <p class="function-text">我的收藏</p>
                </a>
            </li>
            <li class="">
                <a href="">
                    <img src="img/personal/icon/prize-icon.png" alt="prize" class="function-img">
                    <p class="function-text">我的奖品</p>
                </a>
            </li>
            <li class="">
                <a href="">
                    <img src="img/personal/icon/attention-icon.png" alt="attention" class="function-img">
                    <P class="function-text">关注</P>
                </a>
            </li>
            <li class="">
                <a href="">
                    <img src="img/personal/icon/skin-icon.png" alt="skin" class="function-img">
                    <p class="function-text">皮肤中心</p>
                </a>
            </li>
        </ul>
    </div>
    <!--我的 交易-->
    <div class="deal">
        <h3 class="deal-title">我的交易</h3>
        <!--收藏 奖品 关注 皮肤-->
        <ul class="deal-ul">
            <li class="">
                <a href="">
                    <img src="img/personal/icon/order-form-icon.png" alt="order form" class="function-img">
                    <p class="function-text">订单</p>
                </a>
            </li>
            <li class="">
                <a href="">
                    <img src="img/personal/icon/money-icon.png" alt="money" class="function-img">
                    <p class="function-text">钱包</p>
                </a>
            </li>
        </ul>
    </div>
</div>
<!-- 百度 链接-->
<footer class="footer">
    <!--百度 六亿-->
    <a href="">
        <img src="img/personal/icon/BaiDu-icon.png" alt="BaiDu" class="footer-icon">
        百度，六亿用户极速搜索应用
    </a>

    <!--百度推广-->
    <a href="">
        <img src="img/personal/icon/hot-icon.png" alt="hot" class="footer-icon2">
        百度推广，让有需求的客户找到你
    </a>
</footer>
<script src="asset/jquery-3.3.1.min.js"></script>
<script src="./js/personal.js"></script>
</body>
</html>